/*@charset "UTF-8";*/
/* rem */
/*@media only screen and (max-width:1080px),only screen and (max-device-width:1080px){
    html{font-size:33.75px;}
}
@media only screen and (max-width:960px),only screen and (max-device-width:960px){
    html{font-size:30px;}
}
@media only screen and (max-width:800px),only screen and (max-device-width:800px){
    html{font-size:25px;}
}
@media only screen and (max-width:720px),only screen and (max-device-width:720px){
    html{font-size:22.5px;}
}
@media only screen and (max-width:640px),only screen and (max-device-width:640px){
    html{font-size:20px;}
}
@media only screen and (max-width:600px),only screen and (max-device-width:600px){
    html{font-size:18.75px;}
}
@media only screen and (max-width:540px),only screen and (max-device-width:540px){
    html{font-size:16.875px;}
}
@media only screen and (max-width:480px),only screen and (max-device-width:480px){
    html{font-size:15px;}
}
@media only screen and (max-width:414px),only screen and (max-device-width:414px){
    html{font-size:12.9375px;}
}
@media only screen and (max-width:400px),only screen and (max-device-width:400px){
    html{font-size:12.5px;}
}
@media only screen and (max-width:375px),only screen and (max-device-width:375px){
    html{font-size:11.71875px;}
}
@media only screen and (max-width:360px),only screen and (max-device-width:360px){
    html{font-size:11.25px;}
}
@media only screen and (max-width:320px),only screen and (max-device-width:320px){
    html{font-size:10px;}
}
@media only screen and (max-width:320px) and (max-height:416px),only screen and (max-device-width:320px) and (max-device-height:480px){
    html.narrow-screen{font-size:8.5px;}
}
@media only screen and (max-width:240px),only screen and (max-device-width:240px){
    html{font-size:7.5px;}
}*/
/* ============================================================
   引入苹方字体
   ============================================================ */
/*@font-face {
    font-family: 'PingFang-Bold';
    src: url('../font/PingFang Bold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PingFang-Light';
    src: url('../font/PingFang Light.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PingFang-Medium';
    src: url('../font/PingFang Medium.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PingFang-Regular';
    src: url('../font/PingFang Regular.ttf');
    font-weight: normal;
    font-style: normal;
}*/
/* ============================================================
   样式重置
   ============================================================ */
* {
	-webkit-overflow-scrolling: touch;
}
body,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
input,
select,
textarea,
button,
th,
td {
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}
ul,
dl,
ol {
	list-style: none;
}
img,
fieldset,
input[type='submit'] {
	border: 0 none;
}
img {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}
em {
	font-style: normal;
}
strong {
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button,
input[type='button'] {
	cursor: pointer;
	border: 0 none;
}
textarea {
	word-wrap: break-word;
	resize: none;
} /* word-wrap for opera, resize for webkit */
menu {
	margin: 0;
	padding: 0;
}
body {
	-webkit-user-select: none;
	-webkit-text-size-adjust: 100% !important;
	font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
	font-weight: 400;
}
input[type='number'] {
	-webkit-user-select: text;
}
a,
button,
input,
img {
	-webkit-touch-callout: none;
} /* 1.ios 长按时不触发系统的菜单 2.禁止长按时下载图片 */
input,
select,
textarea {
	outline: none;
}
/* 去除android4.0以下 a/button/input标签被点击时产生的边框 因为边框引起了不少bug */
a,
button,
input,
label {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Android4.0下不识别选择器-webkit-transform-3d 使用它可做Android4.0下版本兼容 */
@media all and (-webkit-transform-3d) {
	/* android4.0+ ios4+ 恢复按钮被点击时产生的效果 */
	a,
	button,
	input,
	label {
		-webkit-tap-highlight-color: rgba(130, 130, 130, 0.52);
		outline: none;
	}
}
html,
body {
	height: 100%;
	margin: 0 auto;
	width: 100%;
	background-color: #fafafa;
	color: rgba(0, 0, 0, 0.65);
	overflow-x: hidden;
	font-size: 0.24rem;
	font-weight: 400;
}
a {
	text-decoration: none;
}
.clear {
	clear: both;
}
.clearleft {
	float: left;
	display: inline;
}
.clearright {
	float: right;
	display: inline;
}
.hide {
	display: none !important;
}

/* flex */
.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.flex-v {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.flex-align-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex-pack-center {
	-webkit-box-pack: center;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: center;
	justify-content: flex-start;
}
.flex-pack-justify {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-orient: horizontal;
	-webkit-box-orient: horizontal;
	-o-box-orient: horizontal;
	box-orient: horizontal;
}

/**/
.main {
	width: 94%;
	background: #ffffff;
	box-shadow: 0rem 0.09rem 0.2rem 0.08rem rgba(0, 0, 0, 0.05),
		0rem 0.06rem 0.16rem 0rem rgba(0, 0, 0, 0.08),
		0rem 0.03rem 0.06rem -0.04rem rgba(0, 0, 0, 0.12);
	border-radius: 0.2rem;
	margin: 0.35rem auto;
	height: 94%;
	position: absolute;
	left: 3%;
}
.main_scroll {
	/*height: 85%;*/
	overflow-y: scroll;
}
.pullUpLabel {
	text-align: center;
	padding-top: 0.2rem;
	color: #aaaaaa;
}
#pullUp.loading .pullUpIcon {
	background-position: 0 100%;
	-webkit-transform: rotate(0deg) translateZ(0);
	-webkit-transition-duration: 0ms;

	-webkit-animation-name: loading;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes loading {
	from {
		-webkit-transform: rotate(0deg) translateZ(0);
	}
	to {
		-webkit-transform: rotate(360deg) translateZ(0);
	}
}
.margin-tb {
	margin: 0.2rem 0;
}
.fontsize-sm {
	font-size: 0.22rem;
}
.fontsize-ml {
	font-size: 0.26rem;
}
.fontsize {
	font-size: 0.24rem;
}
.fontsize-xl {
	font-size: 0.5rem;
}
.fontsize-title {
	font-size: 0.36rem;
}
.fontsize-title_wc {
	font-size: 0.32rem;
}
.fontsize-btn {
	font-size: 0.3rem;
}
.color_blue {
	color: #005bac;
}
.background_orange {
	background: #ffa940;
}
.background_green {
	background: #52c41a;
}
.background_blue {
	background: #40a9ff;
}
.dot {
	width: 0.09rem;
	height: 0.09rem;
	border-radius: 50%;
	display: inline-block;
}
.text-center {
	text-align: center;
}
.none_notice {
	width: 50%;
	margin: 0.2rem auto;
	text-align: center;
}
.none_notice img {
	width: 100%;
	object-fit: contain;
	margin: 0.2rem auto;
}
.none_notice p {
	color: rgba(0, 0, 0, 0.45);
	font-size: 0.22rem;
}
#linkindex {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	position: fixed;
	bottom: 20%;
	right: 10%;
	z-index: 999;
	text-align: center;
	font-size: 12px;
	color: white;
	font-weight: 300;
}
#linkindex img {
	width: 1.5rem;
	height: 1.5rem;
}
